<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录聚美</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <div class="header">
        <div class="header-core">
            <a href="./index.html" class="home">
            </a>
            <div class="header_log_box">
                <a href="" class="top__box_l"></a>
                <a href="" class="top__box_c"></a>
                <a href="" class="top__box_r"></a>
            </div>
        </div>
    </div>
    <div class="login ">
        <div class="loginWrap clearfix">
            <div class="log_img"></div>
            <div class="log_denglu ">
                <h1>
                    <strong>登录聚美</strong>
                    <div>
                        <strong> 还没有关联账号?</strong>
                        <a href="./zhuce.html">30秒注册</a>
                    </div>
                </h1>
                <div class="radio_warp">
                    <span>
                        <input name="method" type="radio" id="oneradio" checked>
                        <label for="oneradio">普通登录</label>
                    </span>
                    <span>
                        <input name="method" type="radio" id="tworadio">
                        <label for="tworadio">手机动态密码登录</label>
                    </span>
                </div>
                <!-- 表单 -->
                <form action="http://bj.jumei.com/" id="log_from">
                    <input class="inp_name" type="text" placeholder="已经注册的手机号">
                    <div class="nameprompt"><i></i><span>功能尚未开发 </span></div>
                    <div class="dy_password">
                        <input class="inp_pas" type="text" placeholder="动态密码">
                        <button formaction="#">获取手机动态密码</button>
                        
                    </div>
                    <p>
                        <input id="atuodenglu1" type="checkbox"> <label for="atuodenglu1">自动登录</label>
                    </p>
                    <button class="log_btn1 submit_btn">登录</button>
                </form>

                <!--普通登录的表单 -->
                <form action="" id="log_twofrom">
                    <input class="inp_username" type="text" placeholder="已经验证手机号/邮箱/用户名">
                    <div class="nameprompt"><i></i><span>账号或密码不正确,请重新输入 </span></div>
                    <input class="inp_password" type="text" placeholder="密码">
                    <div class="pasprompt"><i></i><span>账号或密码不正确,请重新输入 </span></div>
                    <div class="log_slider">
                        <div>
                            >>
                        </div>
                        <span>
                            请按住滑块，拖动到最右边
                        </span>
                    </div>
                    <p>
                        <input id="atuodenglu2" type="checkbox"> <label for="atuodenglu2">自动登录</label>
                    </p>
                    <button class="log_btn2 submit_btn">登录</button>
                
                </form>


                <!-- qq图标 -->
                <div class="log_icon">
                    <p>你也可以使用以下账号登录</p>
                    <div>
                       <div class="log_show clearfix">
                        <a href="" class="a1"></a>
                        <a href="" class="a2"></a>
                        <a href="" class="a3"></a>
                        <a href="" class="a4"></a>
                        <a href="" class="a5"></a>
                       </div>
                        <div class="log_hide  clearfix">
                            <a href="" class="a6"></a>
                            <a href="" class="a7"></a>
                            <a href="" class="a8"></a>
                        </div>
                    </div>
                    <span>
                        更多
                        <i ></i>
                    </span>
                </div>

            </div>
        </div>
    </div>
    <div class="foot">
        <div class="foot-core">
            <p>
                
            Copyright © 2010-2015 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-123-8888 
            <br>     
            <br>    
            京公网安备 11010102001226 号 | 
            <a href="">京ICP证111033号</a>
            | 食品流通许可证 SP1101051110165515（1-1）
            | 
            <a href="">营业执照</a>   
            | 
            <a href="">公示制度</a>
            </p>
            <div class="clearfix">
                <a href="http://www.itrust.org.cn/Home/Index/itrust_certifi/wm/1693268180.html" class="foot_a1"></a>
                <a href="http://www.itrust.org.cn/Home/Index/itrust_certifi/wm/1693268180.html" class="foot_a2"></a>
                <a href="" class="foot_a3"></a>
                <a href="" class="foot_a4"></a>
                <a href="https://ss.knet.cn/verifyseal.dll?sn=e1908021101057894518jv000000&ct=df&pa=nU60yFg7nXl37yQG" class="foot_a5"></a>
            </div>
        </div>
    </div>

    <script src="../lib/jquery/jquery.min.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>